<template>
	<view class="active_box">
		<view class="active_item" v-for="(item,index) in list" :key="index">
			<view class="title">{{item.title}}</view>
			<view class="creat_time">{{item.creatTime}}</view>
			<view class="cont">活动时间：{{item.activeTime}}</view>
			<view class="cont">截止报名时间：{{item.stopTime}}</view>
			<view class="cont">报名人数：{{item.person}}</view>
			<view class="cont">活动内容：{{item.remark}}</view>
		</view>
		<u-button class="from_sub" v-if="btnShow" >我要报名</u-button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				btnShow:'',
				list: [{
					title: '关于主办25年元宵节亲子活动的通知',
					creatTime: '2025.1.9',
					activeTime: '2025/12/25',
					stopTime: '2025/12/25',
					person: 10,
					type:'节日活动',
					position:'活动地点',
					remark: '关于主办25年元宵节亲子活动的通知关于主办25年元宵节亲子活动的通知关于主办25年元宵节亲子活动的通知关于主办25年元宵节亲子活动的通知关于主办25年元宵节亲子活动的通知关于主办25年元宵节亲子活动的通知关于主办25年元宵节亲子活动的通知关于。'
				}]
			}
		},
		onShow() {
			console.log(this.$Route,'route');
			this.btnShow=this.$Route.query.id
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
	.active_box {
		padding: 40rpx;
	}

	.active_item {
		margin-bottom: 50rpx;

		.title {
			text-align: center;
			font-size: 32rpx;
			font-weight: bold;
		}

		.creat_time {
			text-align: right;
			margin: 10rpx 0;
		}

		.cont {
			margin: 10rpx 0rpx;
		}
		
		
	}
</style>